<script lang="ts" setup>
import { ref } from "vue";
import SoftwareCenter, { softwareDataList } from "../Product/SoftwareCenter.vue"
import { handleClick } from "../../../utils/ts/commonEvent";
import { useRouter } from "vue-router";

const router = useRouter();

const dataList = ref<softwareDataList[]>([
    {
        title: "计费产品",
        data: [
            {
                name: "个人版(套餐)",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/billingForm"
                }
            },
            {
                name: "商业版(套餐)",
                number: "0",
                price: 200,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/billingForm"
                }
            },
            {
                name: "旗舰版(套餐)",
                number: "0",
                price: 300,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/billingForm"
                }
            },
            {
                name: "商业定制版",
                number: "0",
                price: 400,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/billingForm"
                }
            },
            {
                name: "后台",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/domainForm",
                    query: {
                        title: "后台"
                    }
                }
            },
            {
                name: "充值域名",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/domainForm",
                    query: {
                        title: "充值域名"
                    }
                }
            },
            {
                name: "统计域名",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/domainForm",
                    query: {
                        title: "统计域名"
                    }
                }
            },
            {
                name: "API",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/domainForm",
                    query: {
                        title: "API"
                    }
                }
            },
            {
                name: "代理",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/domainForm",
                    query: {
                        title: "代理"
                    }
                }
            },
            {
                name: "下发服务",
                number: "0",
                price: 100,
                intro: "适用于个人使用，支持无限制使用。",
                funct: "功能强大，开箱即用",
                path: {
                    path: "/product/serviceForm",
                    query: {
                        title: "下发服务"
                    }
                }
            },

        ],
    },
]);

</script>
<template>
    <SoftwareCenter :data-list="dataList" @click="e => handleClick(e, router)" />
</template>
<style lang="scss" scoped></style>
